<div class="module module-slide module-slide-transBanner">
    <div class="content">
        <link href="<?php echo base_url();?>public/slide/transBanner/style.css" type="text/css" rel="stylesheet" />
        <script src="<?php echo base_url();?>public/js/jquery.easing.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>public/slide/transBanner/trans-banner.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function($){
                $('.transBanner').TransBanner({
        			button_show_back: true,
        			button_numbers_horizontal: true,
        			caption_float_mode: true,	
        			caption_bg_blur: 0,
        			caption_bg_color: '#000000',
        			caption_bg_opacity: .7,
        			caption_bg_radius: 4,
        			caption_bg_shadow: 0,	
        			caption_border: 0
        		});	
            });
        </script>
        <div class="transBanner">
        	<?php foreach($slide_list as $row){ ?>
            	<div class="Slide">
            		<img src="<?php echo $row['Img'];?>" alt="<?php echo $row['Name'];?>" />
            		<div align="left">			
            			<span style="font-weight:bold"><?php echo $row['Name'];?></span><br />
                        <br /><?php echo strip_tags($row['Content']);?>
            		</div>
            	</div>
            <?php } ?>
        </div>
    </div>
    <div class="clear-both"></div>
</div>